<template>
    <h2>登录</h2>
    <table>
        <tr>
            <td>账号</td>
            <td>
                <input type="text">
            </td>
        </tr>
        <tr>
            <td>密码</td>
            <td>
                <input type="password">
            </td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: center;">
                <input type="button" value="登录" @click="Save">
            </td>
          
        </tr>
    </table>
</template>
<script setup lang="ts">

import{useRouter} from 'vue-router'

//创建路由对象的具体实例(应用场景：如果想通过路由跳转到其它页面，重定向页面，刷新页面时使用)
const router=useRouter();

//点击登录按钮时触发
const Save=()=>{
//跳转到Home页面(跳转页面且不带任何参数)
//router.push('/home')
router.push({
    name:"home",
    params:{
        sid:250
    }
});

}
</script>